body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote {margin:0; padding:0;} 
html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
acronym, img, ins, kbd, q,,
dl, dt, dd, fieldset, form,
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	font-family:Arial, Helvetica, sans-serif
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {color: #333333; line-height:18px; font-size: 12px; background:#bfe9fe; font-family:Arial,Calibri, Helvetica, sans-serif}
caption, th, td {
	/*text-align: left;*/
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {quotes: "" "";}
html, body {height:100%; width:100%;}
form{margin:0;	padding:0;}
*{margin:0; padding:0;}

/* GLOBAL ---------------------------------------------------------- */
a { text-decoration: none; }
a:hover {text-decoration:none; cursor:pointer}

a img, fieldset { border: none; }

/***************/
.floatleft{float:left}
.floatright{float:right}
.clearboth{clear:both}
input, select{margin:0; padding:0; font:normal 12px Arial; color:#333333;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
 
* html .clearfix {height: 1%;}
/* REMOVE BORDER INPUT, TEXT ARE FOR CHROME */
input:active{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
input:focus{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
textarea:active{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
textarea:focus{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
/* E: REMOVE BORDER INPUT, TEXT ARE FOR CHROME */

/* DETAILS --------------------------------------------------------*/

#pagewidth{width:930px; margin:0 auto; padding:0;}
/*.line{background-image:url(../images/line.gif); background-repeat:repeat}
.space{background-image:url(../images/space.gif); background-repeat:no-repeat}
.btn{background-image:url(../images/btn.gif); background-repeat:no-repeat}*/

.wrap{background:#bfe9fe;}
#header{background:#ffffff}
.navigation{height:72px; background:url(../images/navigation.gif) repeat-x 0 0; position:relative; margin-top:3px}
#topmenu{width: 100%; height: 64px; position: absolute; left: 0; bottom: 0; _bottom: -1px}
.basictab ul{margin:0; padding:0; width:100%; list-style-type: none; float:left; text-align: left; /*set to left, center, or right to align the menu as desired*/ }
.basictab li{float:left; display: inline; margin: 0; background:url(../images/navigationline.gif) no-repeat 0 0}
.basictab li.first{background:none !important}
.basictab li.end{float:right;}
.basictab li a {display:block; padding-left:15px; float:left; height:32px; line-height:32px;}
.basictab li a span{padding-right:15px; color: #0e51a8; text-decoration:none; line-height:32px; float:left; font-weight:bold}
.basictab li a:hover, .basictab li a.current{display:block; background:url(../images/basictableft.gif) no-repeat 0 0; text-decoration:none}
.basictab li a:hover span, .basictab li a.current span{background:url(../images/basictabright.gif) no-repeat right 0; color:#fff; text-decoration:none;}
.basictab li a:active {color: #ffffff; text-decoration:none;}
.tabcontainer {height:30px;clear: left; width:914px; color:#ffffff; /*width of 2nd level sub menus*/ padding:0 8px; margin-top:32px; position:relative;}
.tabcontent {display:none;}
.tabcontent li { float:left; padding: 7px 6px 0 0; display:block;}
.tabcontent li a{color:#ffffff;}
.tabcontent li .currentred {color:#f2f513; font-weight:bold;}
.tabcontent li a .current {color:#000;}
.current {color:#000;}


#footer{padding-top:8px}
#footer .copyright{float:left; font-size:12px; color:#0e51a8}
#footer .linkbottom{float:right; font-size:12px; color:#0e51a8}
#footer .linkbottom a{color:#0e51a8; padding:0 5px}

#center{border:1px solid #bac7f4; background:#ffffff; margin-top:10px; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px;}
.maincontent{background:url(../images/bgr-01.gif) repeat-x 0 bottom; padding-bottom:24px;min-height:400px;}
.show{margin:35px; background:#fcfdff url(../images/bgr-02.gif) repeat-x 0 bottom; padding:17px; border:1px solid #b6c8f6; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius: 8px;}
.show .head{border-bottom:1px solid #ffffff;}
.show .head h1{font-size:36px; color:#0e51a8; text-align:center; line-height:40px; padding-bottom:5px; border-bottom:1px solid #c7d5ef; text-transform:uppercase}
.show .content{padding:30px 0}
.show .content h2{text-align:center; font-size:28px; color:#0e51a8; padding:5px 0; line-height:32px; text-transform:uppercase}
.show .content h3{text-align:center; font-size:28px; color:#0e51a8; padding:5px 0; line-height:32px; font-weight:normal; text-transform:uppercase}
.show .content h4{text-align:left; font-size:16px; color:#0e51a8; padding:5px 0; line-height:32px; font-weight:normal; text-transform:uppercase}

.tableround{border:1px solid #91a7b4; border-top-width:0; border-right-width:0; clear:both}
.tableround th{background:#0e51a8; color:#ffffff; font-weight:bold; padding:4px 5px; text-align:center; border-right:1px solid #91a7b4}
.tableround td{padding:5px; border-right:1px solid #91a7b4; border-top:1px solid #ffffff;}
.tableround .bgrother td{background:url(../images/bgr-03.gif) repeat-x 0 0}

.tableround1{border:1px solid #91a7b4; border-top-width:0; border-right-width:0; clear:both}
.tableround1 th{background:#0e51a8; color:#ffffff; font-weight:bold; padding:4px 5px; text-align:center; border-right:1px solid #91a7b4}
.tableround1 td{padding:5px; border-right:1px solid #91a7b4; border-top:0px solid #ffffff;}
.tableround1 .bgrother1 td{background:url(../images/bgr-03.gif) repeat-x 0 0}

.paging{padding-top:15px}
.paging ul{float:right; list-style:none}
.paging ul li{margin-left:3px; float:left; list-style:none}
.paging ul li.active{color:#ffffff; border:1px solid #eaeaea; padding:2px 8px; background:#0e51a8}
.paging ul li a{color:#333333; float:left; border:1px solid #eaeaea; padding:2px 8px}
.paging ul li a:hover {color:#ffffff; text-decoration:none; background:#0e51a8}
.titleAR{font-weight:bold; color:#0e51a8;font-size:12px;}
.enterreport{padding:5px}
.tablereport{}
.tablereport td{padding:4px; border-top:1px solid #e5e5e5}
.tablereport .titleAR{font-weight:bold; color:#0e51a8;font-size:12px;}
.tablereport .cbo{border:1px solid #bdbdbd; padding:1px; margin:0; width:200px}
.tablereport .selecttime{padding-right:10px}
.tablereport .textarea{border:1px solid #bdbdbd; padding:2px; font:normal 12px Arial, Helvetica, sans-serif;  width:405px; height:60px; overflow:auto}
.tablereport  input[type="text"]:disabled {
    background-color:#fafafa;
    color:#000000;
} 
.tablereport textarea[readonly] {
border:none; 
background-color:#000000;
color:#000000;
}
.tablereport  input[disabled='disabled']{
    background-color:#fafafa;
    color: #000000;   
} 
.tablereport .textarea :disabled {
    background-color: red;
} 
input[disabled='disabled']{
  color: #000000;     
}
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
background-color: #fafafa;
color:#000000;

cursor: default;
}
.input1{border:1px solid #bdbdbd; padding:2px; font:normal 12px Arial, Helvetica, sans-serif; background:#fbfbfb url(../images/bgr-04.gif) repeat-x 0 0; width:405px;  overflow:auto}
.buttons{padding:10px 0 0 270px}
.buttons1{padding:10px 0 0 0px}
.buttons .submits{color:#0e51a8; font-size:12px; font-weight:bold; padding:3px 6px; width:auto; overflow:visible; cursor:pointer; border:1px solid #6e6e6e; background:url(../images/bgr-05.gif) repeat-x 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius: 3px;}
.buttons1 .submits{color:#0e51a8; font-size:12px; font-weight:bold; padding:3px 6px; width:auto; overflow:visible; cursor:pointer; border:1px solid #6e6e6e; background:url(../images/bgr-05.gif) repeat-x 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius: 3px;}

.outlogin{height:100%; width:100%; background:url(../images/background.gif) no-repeat center 0}
.login{width:361px; margin:0 auto}
.login .bgrtop{background:url(../images/login-top.gif) no-repeat 0 0; padding-top:12px}
.login .bgrbottom{background:url(../images/login-bottom.gif) no-repeat 0 bottom; padding-bottom:2px}
.login .frmlogin{padding:0 58px 0 38px}
.frmlogin .content .inputtext{border:1px solid #6eb2d5; padding:2px 4px; background:#d7effb; height:25px; width:250px; color:#01669b; margin-top:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px;}
.frmlogin .ftlogin{padding-top:12px; color:#01669b;}
.frmlogin .ftlogin .forgot{text-decoration:underline; color:#01669b}
.frmlogin .ftlogin .button-login{background:url(../images/buttonlogin.png) no-repeat; width:117px; height:31px; text-align:center; color:#fff; font-weight:bold; border:0; padding:0; cursor:pointer}
.button-login2{background:url(/images/buttonlogin.png) no-repeat; width:217px; height:31px; text-align:center; color:#ffffff; font-weight:bold; border:0; padding:0; cursor:pointer}
.button-login {width:117px;background:url(/images/buttonlogin.png)  no-repeat;line-height:25px; border-radius:5px;padding:2px; margin:1px 5px; color:white;
}
.button-login span{
  
 font-size:12px;font-family:Arial;font-weight:bold;color:#fff;white-space:nowrap;display:block; text-align:center;height:31px
}

.comment
{
    border:1px solid #bdbdbd;
    background-color:#e5e5e5;
    min-height:-5px;
}
.comment .row0
{
    border:0px solid #bdbdbd;background-color:#e5e5e5;
    margin-top:-10px;
    
} 
.comment .row1
{
    margin-top:-10px;
    border:0px solid #bdbdbd;background-color:#e5e5e5;
} 

.comment div {
  margin: 0px;
}
 
.comment ul {
  list-style-type: none;
  width: 100%;
}
 
.comment h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}
 
.comment li img {
  float: left;
  margin: 0 15px 0 0;
}
 
.comment li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}
 
.comment li {
  padding: 10px;
  overflow: auto;
  width:100%;
}
 
.comment li:hover {
  background: #eee;
  cursor: pointer;
}

.scroll-pane
			{
				width: 598px;;
				max-height: 200px;
                min-height:0px;
				overflow: auto;
                background-color:#f7f7f7;
                border: 1px solid #bdbdbd;
			}
			.horizontal-only
			{
				height: auto;
				max-height: 200px;
			}

            .for_form {
    background: none repeat scroll 0 0 #f7f7f9;
    bottom: 0;
    margin: 5px;
    padding: 18px 35px;
    position: relative;
}
.for_imput {
    text-align: right;
    width: 230px;
}
.for_imput1 {
    float: left;
    text-align: left;
    width: 230px;
}
.for_form input, select {

    border: 1px solid #e5e5e5;

    font: 13px/100% Verdana,Tahoma,sans-serif;
    margin-right: 10px;
    outline: 0 none;
    padding: 4px;
}
.for_form .radio {
    border: 1px solid #e5e5e5;
    margin-right: 10px;
    padding: 4px;
    width: 100px;
}
.for_form textarea {
    height: 150px;
    line-height: 150%;
    max-width: 600px;
    width: 600px;
}
.for_form input:hover, textarea:hover, .for_form input:focus, textarea:focus {
    border-color: #c9c9c9;
}
.form label {
    color: #999999;
    margin-left: 10px;
}
.submit input {
    background: none repeat scroll 0 0 #617798;
    border: 0 none;
    color: #ffffff;
    font-size: 14px;
    padding: 9px 15px;
    width: auto;
}
.inputTextbox {
    
    border: 1px solid #e5e5e5;
    
    font: 12px/100% Verdana,Tahoma,sans-serif;
    margin-right: 10px;
    outline: 0 none;
    padding: 4px;
    height:25px;
}
.inputTextbox disable{
    
    color:#000000;
}



#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 200px 0px 0px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 400px;
    margin-left: -200px;
    padding: 20px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 150px;
    right: 195px;
    background: url("images/quit.png") no-repeat;
    
}
.popup .popup-content {
    overflow-y: auto;
}
.popup-content .popup-title {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.popup-content p {
    font-size: 13px;
    text-align: justify;
}

 #popup_box {      display:none; /* Hide the DIV */     position:fixed;       _position:absolute; /* hack for internet explorer 6 */       height:300px;       width:600px;       background:#FFFFFF;       left: 300px;     top: 150px;     z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */     margin-left: 15px;            /* additional features, can be omitted */     border:2px solid #ff0000;           padding:15px;       font-size:15px;       -moz-box-shadow: 0 0 5px #ff0000;     -webkit-box-shadow: 0 0 5px #ff0000;     box-shadow: 0 0 5px #ff0000;      }  #container {     background: #d2d2d2; /*Sample*/     width:100%;     height:100%; }  a{   cursor: pointer;   text-decoration:none;   }   /* This is for the positioning of the Close Link */ #popupBoxClose {     font-size:20px;       line-height:15px;       right:5px;       top:5px;       position:absolute;       color:#6fa5e2;       font-weight:500;       }

.table.admindata
{
    width:100%;
}
table.admindata td, table.admindata th {
    border: 0px solid #156c37;
    padding: 10px;
    text-align: left;   
    font-size: 12px; 
}
table.admindata th{
    text-align: center;
}

table.admindata th {
    background-color: #0e51a8;
    background-image: -moz-linear-gradient(center top , #0e51a8, #0e51a8);
    border: 0 solid #156c37;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.8) inset;
    color: #ffffff;
    font-weight:bold;
    padding: 5px;
}
table.admindata tfoot td {
     background-color: #0e51a8;
    background-image: -moz-linear-gradient(center top , #0e51a8, #0e51a8);
    box-shadow: 0 0px 0 rgba(255,255,255,.8) inset;        
    border: 1px solid #156c37;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5); */
    color: #ffffff;
    padding: 0px 0px;
}
table.admindata tfoot td a{
    color: #FF6600;
}
table.admindata tr.row0 td{
    background: #FFF;
    
}
table.admindata tr.row1 td{
    background: #f1f1f1;
    
}
table.admindata tr.row1:hover td,
table.admindata tr.row0:hover td{
    background: #FAEABB;
}
table.admindata tr.row2 td{
    color:blue;
    font-style:italic;
}

table.admindata tfoot td input[type="button"]{
    height: 22px;
    padding: 0 6px;
    border:1px solid;
    outline:0;
    
    font-size:11px;
    white-space:nowrap;
    word-wrap:normal;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:3px;
    text-shadow:0 1px 0 #fff;
    border-color:#156c37 #156c37 #aaa;
    background-color:#e0e0e0;
    -moz-box-shadow:inset 0 0 1px #fff;
    -ms-box-shadow:inset 0 0 1px #fff;
    -webkit-box-shadow:inset 0 0 1px #fff;
    box-shadow:inset 0 0 1px #fff;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);background-image:-moz-linear-gradient(top,#fafafa 0,#dcdcdc 100%);background-image:-ms-linear-gradient(top,#fafafa 0,#dcdcdc 100%);background-image:-o-linear-gradient(top,#fafafa 0,#dcdcdc 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#dcdcdc));background-image:-webkit-linear-gradient(top,#fafafa 0,#dcdcdc 100%);background-image:linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%);color:#555 
}

.buttontrangchu {
    background-color: #39c;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    padding: 7px 10px;
    text-decoration: none;
    margin-top:10px;
    width:300px;
    margin-left:50px;
    font-size:12px;
    font-family:Arial;
    
}
.buttontrangchu a{
    color:white;
}

.currentred  a{
    color:red;
}
.currentred  {
    color:red;
}